<!-- 调查总体部署情况 -->
<template>
  <div class="whole-process-container">
    <el-row style="margin-bottom:10px;">
      <el-col :span="4">
        <!-- <i class="el-icon-s-data"></i> -->
        <div style="min-height: 1px;"></div>
      </el-col>
      <el-col :span="16" align="center">
        <h3>调查总体部署情况</h3>
        <el-select v-model="cityId" placeholder="请选择市" style="width: 200px;" clearable size="small" v-permission="[1]">
          <el-option v-for="(val, key) in city" :filterable="true" :key="key" :label="val" :value="key">
          </el-option>
        </el-select>
        <el-select v-model="areaId" placeholder="请选择区县" ref="area" clearable size="small" @change="setData(areaId)" v-permission="[1, 3]">
          <el-option v-for="(val, key) in area" :filterable="true" :key="key" :label="val" :value="key">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="4" align="right">
            <div style="min-height: 1px;"></div>
        <el-button v-if="deploymentData.status == 'BC' " @click="saveProgress" type="primary"
          v-permission="[4]">保存</el-button>
        <!-- <el-button v-if="deploymentData.status == 'BC' " @click="submitProgress" type="primary">提交</el-button> -->
      </el-col>
    </el-row>
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item name="jgggqk">
        <template slot="title">#1 机构改革情况</template>
        <el-row class="v-align">
          <el-col :span="8" align="left">
            <span class="demonstration">是否完成机构改革:</span>
            <el-radio-group v-model="deploymentData.jgggqk_sfwc" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8" align="left">
            <span class="demonstration">调查监测与确权登记是否分设机构:</span>
            <el-radio-group v-model="deploymentData.jgggqk_sffsjg" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="ldxz">
        <template slot="title">#2 领导小组</template>
        <el-row class="v-align">
          <el-col :span="8" align="left">
                成立时间:
            <el-date-picker
              v-model="deploymentData.ldxz_clsj"
              value-format="yyyy-MM-dd"
              type="date"
              placeholder="成立时间"
            ></el-date-picker>
          </el-col>
          <el-col :span="8" align="left">
            <div class="tudou-input-suffix">
                    发文名称及文号:
              <el-tooltip
                class="item"
                effect="dark"
                content="请填写发文名称及文号,例如：《全国国土规划纲要》【20171213】,没有填无"
                placement="top-start"
              >
                <el-input placeholder="发文名称及文号" v-model="deploymentData.ldxz_fwmcjwh"></el-input>
              </el-tooltip>
            </div>
          </el-col>
          <el-col :span="8" align="left">
            <span class="demonstration">发文是否上报:</span>
            <el-radio-group v-model="deploymentData.ldxz_fwsfsb" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
        <el-row class="v-align">
          <el-col :span="8" align="left">
            <span class="demonstration">是否调整为“国土调查”:</span>
            <el-radio-group v-model="deploymentData.ldxz_sftzwgtdc" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8" align="left">
            <span class="demonstration">是否重新发文:</span>
            <el-radio-group v-model="deploymentData.ldxz_sfcxfw" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8" align="left">
            <span class="demonstration">是否重新上报:</span>
            <el-radio-group v-model="deploymentData.ldxz_sfcxsb" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
        <el-row class="v-align">
          <el-col :span="8" align="left">
            <div class="tudou-input-suffix">
                    重新发文名称及文号:
              <el-tooltip
                class="item"
                effect="dark"
                content="请填写发文名称及文号,例如：《全国国土规划纲要》【20171213】,没有填无"
                placement="top-start"
              >
                <el-input placeholder="重新发文名称及文号" v-model="deploymentData.ldxz_cxfwmcjwh"></el-input>
              </el-tooltip>
            </div>
          </el-col>
          <el-col :span="8" align="left">
            <fileUpload  desc="发文文件(附件)" :uploadPath.sync="deploymentData.ldxz_fwwj"></fileUpload>
            
          </el-col>
          <el-col :span="8" align="left">
            <fileUpload  desc="重新发文文件(附件)" :uploadPath.sync="deploymentData.ldxz_cxfwwj" ></fileUpload>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="ldxzbgs">
        <template slot="title">#3 领导小组办公室</template>
        <el-row class="v-align" >
          <el-col :span="6" align="left">
                成立时间:
            <el-date-picker
              v-model="deploymentData.ldxzbgs_clsj"
              value-format="yyyy-MM-dd"
              type="date"
              placeholder="成立时间"
            ></el-date-picker>
          </el-col>
          <el-col :span="6" align="left">
            <div class="tudou-input-suffix">
                    发文名称及文号: 
              <el-tooltip
                class="item"
                effect="dark"
                content="请填写发文名称及文号,例如：《全国国土规划纲要》【20171213】,没有填无"
                placement="top-start"
              >
                <el-input placeholder="发文名称及文号" v-model="deploymentData.ldxzbgs_fwmcjwh"></el-input>
              </el-tooltip>
            </div>
          </el-col>
          <el-col :span="6" align="left">
            <span class="demonstration">发文是否上报:</span>
            <el-radio-group v-model="deploymentData.ldxzbgs_fwsfsb" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
        <el-row class="v-align">
          <el-col :span="6" align="left">
                办公室主任:
            <el-input placeholder="办公室主任" v-model="deploymentData.ldxzbgs_bgszr"></el-input>
          </el-col>
          <el-col :span="6" align="left">
                办公室主任工作单位:
            <el-input placeholder="办公室主任工作单位" v-model="deploymentData.ldxzbgs_bgszrgzdw"></el-input>
          </el-col>
          <el-col :span="6" align="left">
                办公室主任所在单位职务:
            <el-input placeholder="办公室主任所在单位职务" v-model="deploymentData.ldxzbgs_bgszrszdwzw"></el-input>
          </el-col>
          <el-col :span="6" align="left">
            <!-- <el-input placeholder="办公室主任手机号码" v-elPhone v-model="deploymentData.ldxzbgs_bgszrsjhm"></el-input> -->
            办公室主任手机号码:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativePhone placeholder="办公室主任手机号码" v-model="deploymentData.ldxzbgs_bgszrsjhm" />
            </div>
          </el-col>
        </el-row>
        <el-row class="v-align">
          <el-col :span="6" align="left">
                常务副主任:
            <el-input placeholder="常务副主任" v-model="deploymentData.ldxzbgs_cwfzr"></el-input>
          </el-col>
          <el-col :span="6" align="left">
                常务副主任工作单位:
            <el-input placeholder="常务副主任工作单位" v-model="deploymentData.ldxzbgs_cwfzrgzdw"></el-input>
          </el-col>
          <el-col :span="6" align="left">
                常务副主任所在单位职务:
            <el-input placeholder="常务副主任所在单位职务" v-model="deploymentData.ldxzbgs_cwfzrszdwzw"></el-input>
          </el-col>
          <el-col :span="6" align="left">
            <!-- <el-input placeholder="常务副主任手机号码" v-elPhone v-model="deploymentData.ldxzbgs_cwfzrsjhm"></el-input> -->
            常务副主任手机号码:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativePhone placeholder="常务副主任手机号码" v-model="deploymentData.ldxzbgs_cwfzrsjhm" />
            </div>
          </el-col>
        </el-row>
        <el-row class="v-align">
          <el-col :span="6" align="left">
                联络人姓名:
            <el-input placeholder="联络人姓名" v-model="deploymentData.ldxzbgs_llrxm"></el-input>
          </el-col>
          <el-col :span="6" align="left">
            <!-- <el-input placeholder="联络人手机号码" v-elPhone v-model="deploymentData.ldxzbgs_llrxmsjhm"></el-input> -->
            联络人手机号码:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativePhone placeholder="联络人手机号码" v-model="deploymentData.ldxzbgs_llrsjhm" />
            </div>
          </el-col>
          <el-col :span="6" align="left">
            <fileUpload desc="人员名单" :uploadPath.sync="deploymentData.ldxzbgs_rymd"></fileUpload>
          </el-col>
          <el-col :span="6" align="left">
            <fileUpload desc="附件" :uploadPath.sync="deploymentData.ldxzbgs_fj"></fileUpload>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="ssfa">
        <template slot="title">#4 实施方案</template>
        <el-row class="v-align">
          <el-col :span="8">
            <span class="demonstration">是否根据国家最新下发的方案进行修改:</span>
            <el-radio-group v-model="deploymentData.ssfa_sfxg" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">是否上报备案并印发:</span>
            <el-radio-group v-model="deploymentData.ssfa_sfsbbyf" size="mini">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="sdb">
        <template slot="title">#5 三调办</template>
        <el-row class="v-align">
          <el-col :span="6">
            <!-- <el-input placeholder="行政人数" v-nativeInteger v-model="deploymentData.sdb_xzrs"></el-input> -->
            行政人数:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativeInteger placeholder="行政人数" v-model="deploymentData.sdb_xzrs" />
            </div>
          </el-col>
          <el-col :span="6">
            <!-- <el-input placeholder="事业单位人数" v-nativeInteger v-model="deploymentData.sdb_sydwrs"></el-input> -->
            事业单位人数:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativeInteger placeholder="事业单位人数" v-model="deploymentData.sdb_sydwrs" />
            </div>
          </el-col>
          <el-col :span="6">
            <!-- <el-input placeholder="其他人数" v-nativeInteger v-model="deploymentData.sdb_qtrs"></el-input> -->
            其他人数:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativeInteger placeholder="其他人数" v-model="deploymentData.sdb_qtrs" />
            </div>
          </el-col>
          <el-col :span="6">
            <!-- <el-input placeholder="三调办总人数" v-nativeInteger v-model="deploymentData.sdb_sdbzrs"></el-input> -->
            三调办总人数:
            <div class="el-input">
                <input type="text" class="el-input__inner"  v-nativeInteger placeholder="三调办总人数" v-model="deploymentData.sdb_sdbzrs" />
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="10">
            <el-col :span="19">
                <el-table border style="width: 100%" height="200px" :data="deploymentData.sdb" >
                    <el-table-column type="index"  width="50" label="#"></el-table-column>
                    <el-table-column prop="sdb_xzmc" label="小组名称"></el-table-column>
                    <el-table-column prop="sdb_fzrs" label="分组人数"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                                <el-button
                                size="mini"
                                type="primary" icon="el-icon-edit" circle 
                                @click="handleSdbEdit(scope.$index, scope.row)"></el-button>
                            <el-button
                            size="mini"
                            type="danger" icon="el-icon-delete" circle
                            @click="handleSdbDelete(scope.$index, scope.row)"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-col>
            <el-col :span="5" align="left">
                <el-col>
                        <label class="must-label">* 小组名称:</label><el-input  placeholder="小组名称" v-model="sdb.sdb_xzmc"></el-input>
                </el-col>
                <el-col>
                    <!-- <el-input style="margin-top:10px" v-nativeInteger placeholder="分组人数" v-model="sdb.sdb_fzrs"></el-input> -->
                    <label class="must-label">* 分组人数:</label>
                    <div class="el-input" style="margin-top:10px">
                        <input type="text" class="el-input__inner" v-nativeInteger placeholder="分组人数" v-model="sdb.sdb_fzrs" />
                    </div>
                </el-col>
                <el-col>
                    <el-button style="margin-top:10px" @click="addSdbXz" type="primary" size="small">新增或修改小组</el-button>
                </el-col>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="dcxggzzdjs">
        <template slot="title">#6 调查相关规章制度建设(可新增多条)</template>
        <el-row>
          <el-col :span="24">
              <el-table border style="width: 100%" height="200px" :data="deploymentData.dcxggzzdjs">
                    <el-table-column type="index"  width="50" label="#"></el-table-column>
                    <el-table-column prop="dcgzzd_mc" label="名称"></el-table-column>
                    <el-table-column prop="dcgzzd_fbsj" label="发布时间"></el-table-column>
                    <el-table-column prop="" label="文件">
                        <template slot-scope="scope">
                           <a :href="scope.row.dcgzzd_wj"  target="_blank" >{{ $getFilename(scope.row.dcgzzd_wj) }} </a>
                        </template>
                    </el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button
                            size="mini"
                            type="primary" icon="el-icon-edit" circle 
                            @click="handleDcxggzzdjsEdit(scope.$index, scope.row)"></el-button>
                            <el-button
                            size="mini"
                            type="danger" icon="el-icon-delete" circle
                            @click="handleDcxggzzdjsDelete(scope.$index, scope.row)"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
          </el-col>
        </el-row>
        <el-row>
            <el-col :span="6"><label class="must-label">* 名称:</label><el-input placeholder="名称" v-model="dcxggzzdjs.dcgzzd_mc"></el-input></el-col>
            <el-col :span="6">
                <label class="must-label">* 发布时间:</label><el-date-picker  v-model="dcxggzzdjs.dcgzzd_fbsj" value-format="yyyy-MM-dd" type="date"  placeholder="发布时间" ></el-date-picker>
            </el-col>
            <el-col :span="6">
                <fileUpload desc="* 附件" descClass="must-label" :uploadPath.sync="dcxggzzdjs.dcgzzd_wj"></fileUpload>
            </el-col>
            <el-col :span="6">
                <el-button type="primary" @click="addDcxggzzdjs" size="small">新增或修改规章制度</el-button>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="pxqk">
        <template slot="title">#7 培训情况</template>
        <el-row>
          <el-col :span="24">
                <el-table border style="width: 100%" height="200px" :data="deploymentData.pxqk" >
                    <el-table-column type="index"  width="50" label="#"></el-table-column>
                    <el-table-column prop="" label="培训级别">
                        <template slot-scope="scope">
                            <span v-if=" scope.row.pxqk_pxjb == 'GJ' ">
                                    国家级培训
                            </span>
                            <span v-if=" scope.row.pxqk_pxjb == 'SJ' ">
                                    省级及以下培训
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="pxqk_pxsj" label="培训时间"></el-table-column>
                    <el-table-column prop="pxqk_pxrs" label="培训人数"></el-table-column>
                    <el-table-column prop="pxqk_tgksrs" label="通过考试人数"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button
                            size="mini"
                            type="primary" icon="el-icon-edit" circle 
                            @click="handlePxqkEdit(scope.$index, scope.row)"></el-button>
                            <el-button
                            size="mini"
                            type="danger" icon="el-icon-delete" circle 
                            @click="handlePxqkDelete(scope.$index, scope.row)"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
          </el-col>
        </el-row>
        <el-row>      
            <el-col :span="8">
                <span class="must-label ">* 培训级别:</span>
                <el-radio-group v-model="pxqk.pxqk_pxjb" size="mini">
                <el-radio label="GJ">国家级培训</el-radio>
                <el-radio label="SJ">省级及以下培训</el-radio>
                </el-radio-group>
            </el-col>
            <el-col :span="8">
                <label class="must-label">* 培训时间:</label>
                <el-date-picker  v-model="pxqk.pxqk_pxsj" value-format="yyyy-MM-dd" type="date"  placeholder="培训时间" ></el-date-picker>
            </el-col>
            <el-col :span="8">
                <!-- <el-input placeholder="培训人数" v-nativeInteger v-model="pxqk.pxqk_pxrs"></el-input> -->
                <label class="must-label">* 培训人数:</label>
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativeInteger placeholder="培训人数" v-model="pxqk.pxqk_pxrs" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
                <!-- <el-input placeholder="通过考试人数" v-nativeInteger v-model="pxqk.pxqk_tgksrs"></el-input> -->
                <label class="must-label">* 通过考试人数:</label>
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativeInteger placeholder="通过考试人数" v-model="pxqk.pxqk_tgksrs" />
                </div>
            </el-col>
            <el-col :span="8">
                <fileUpload desc="通过考试人员名单" :uploadPath.sync="pxqk.pxqk_tgksrymd"></fileUpload>
            </el-col>
            <el-col :span="8">
                <el-button type="primary" @click="addPxqk" size="small">新增或修改培训情况</el-button>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="zzkzqk">
        <template slot="title">#8 组织开展情况【"自行开展"和"委托"请填写本表格】</template>
        <el-row>
          <el-col :span="24">
                <el-table border style="width: 100%" height="200px" :data="deploymentData.zzkzqk" >
                    <el-table-column type="index"  width="50" label="#"></el-table-column>
                    <el-table-column prop="" label="组织开展形式">
                        <template slot-scope="scope">
                            <span v-if=" scope.row.zzkzqk_zzkzxs == 'ZXKZ' ">
                                    自行开展
                            </span>
                            <span v-if=" scope.row.zzkzqk_zzkzxs == 'WT' ">
                                    委托
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="zzkzqk_cddwmc" label="承担单位名称"></el-table-column>
                    <el-table-column prop="zzkzqk_cdnr" label="承担内容"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button
                            size="mini"
                            type="primary" icon="el-icon-edit" circle 
                            @click="handleZzkzqkEdit(scope.$index, scope.row)"></el-button>
                            <el-button
                            size="mini"
                            type="danger" icon="el-icon-delete" circle 
                            @click="handleZzkzqkDelete(scope.$index, scope.row)"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
          </el-col>
        </el-row>
        <el-row>      
            <el-col :span="6">
                <span class="must-label">* 组织开展形式:</span>
                <el-radio-group v-model="zzkzqk.zzkzqk_zzkzxs" size="mini">
                <el-radio label="ZXKZ">自行开展</el-radio>
                <el-radio label="WT">委托</el-radio>
                </el-radio-group>
            </el-col>
            <el-col :span="6">
                <label class="must-label">* 承担单位名称:</label><el-input placeholder="承担单位名称" v-model="zzkzqk.zzkzqk_cddwmc"></el-input>
            </el-col>
            <el-col :span="8">
                <label class="must-label">* 承担内容:</label><el-input placeholder="承担内容" v-model="zzkzqk.zzkzqk_cdnr"></el-input>
            </el-col>
            <el-col :span="4">
                <el-button type="primary" @click="addZzkzqk" size="small">新增或修改承担单位</el-button>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="ztbqk" class="ztbqk">
        <template slot="title">#9 招投标情况 【"招投标"请填写本表格】</template>
        <el-row>
          <el-col :span="24">
                <el-table border style="width: 100%" height="200px" :data="deploymentData.ztbqk" >
                    <el-table-column type="index"  width="50" label="#"></el-table-column>
                    <el-table-column prop="zbqk_zbxmmc" label="中标项目名称"></el-table-column>
                    <el-table-column prop="zbqk_ysje" label="预算金额"></el-table-column>
                    <el-table-column prop="zbqk_zbje" label="中标金额(万元)"></el-table-column>
                    <el-table-column prop="zbqk_zbdwmc" label="中标单位名称"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                                <el-button
                                size="mini"
                                type="primary" icon="el-icon-edit" circle 
                                @click="handleZtbqkEdit(scope.$index, scope.row)"></el-button>
                            <el-button
                            size="mini"
                            type="danger" icon="el-icon-delete" circle 
                            @click="handleZtbqkDelete(scope.$index, scope.row)"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
          </el-col>
        </el-row>
        <el-row>      
            <el-col :span="16">
                <span class="demonstration">组织开展形式:</span>
                <el-checkbox-group  v-model="ztbqk.zbqk_zbnrfl">
                    <el-checkbox label="NY" >1-内业</el-checkbox>
                    <el-checkbox label="WY" >2-外业</el-checkbox>
                    <el-checkbox label="HC" >3-核查</el-checkbox>
                    <el-checkbox label="JL" >4-监理</el-checkbox>
                    <el-checkbox label="JK" >5-建库</el-checkbox>
                    <el-checkbox label="QT" >6-其他</el-checkbox>
                </el-checkbox-group>
            </el-col>
            <el-col :span="8">
                <span class="demonstration">是否参考成本定额:</span>
                <el-radio-group v-model="ztbqk.zbqk_sfckcbde" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
                </el-radio-group>
                <label class="attention" ><i class="el-icon-paperclip"></i>经费预算是否参考《县级国土资源调查生产成本定额》</label>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                <label class="must-label">* 中标项目名称:</label><el-input placeholder="中标项目名称" v-model="ztbqk.zbqk_zbxmmc"></el-input>
            </el-col>
            <el-col :span="6">
                <label class="must-label">* 中标单位名称:</label><el-input placeholder="中标单位名称" v-model="ztbqk.zbqk_zbdwmc"></el-input>
            </el-col>
            <el-col :span="6">
                <!-- <el-input class="money" placeholder="预算金额（万元）" v-elNumber v-model="ztbqk.zbqk_ysje"></el-input> -->
                <label class="must-label">* 预算金额(万元):</label>
                <div class="el-input">
                    <input  type="text" class="el-input__inner "  v-nativeNumber placeholder="预算金额(万元)" v-model="ztbqk.zbqk_ysje" />
                </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input class="money" placeholder="中标金额（万元）" v-elNumber v-model="ztbqk.zbqk_zbje"></el-input> -->
                <label class="must-label">* 中标金额(万元)</label>
                <div class="el-input">
                    <input type="text" class="el-input__inner "  v-nativeNumber placeholder="中标金额（万元）" v-model="ztbqk.zbqk_zbje" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                <label class="must-label">* 中标时间:</label><el-date-picker  v-model="ztbqk.zbqk_zbsj" value-format="yyyy-MM-dd" type="date"  placeholder="中标时间" ></el-date-picker>
            </el-col>
            <el-col :span="6">
                <label class="must-label">* 中标单位注册地:</label><el-input placeholder="中标单位注册地" v-model="ztbqk.zbqk_zbdwzcd"></el-input>
            </el-col>
            <el-col :span="6">
                <label class="must-label">* 中标单位法人姓名:</label><el-input placeholder="中标单位法人姓名" v-model="ztbqk.zbqk_zbdwfrxm"></el-input>
            </el-col>
            <el-col :span="6">
                <label class="must-label">* 中标单位法人身份证号:</label>
                <!-- <el-input placeholder="中标单位法人身份证号" v-model="ztbqk.zbqk_zbdwfrsfzh"></el-input> -->
                <div class="el-input">
                    <input type="text" class="el-input__inner " v-nativeIdCard placeholder="中标单位法人身份证号" v-model="ztbqk.zbqk_zbdwfrsfzh" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                    中标单位项目负责人姓名:<el-input placeholder="中标单位项目负责人姓名" v-model="ztbqk.zbqk_zbdwxmfzrxm"></el-input>
            </el-col>
            <el-col :span="6">
                    中标单位项目负责人身份证号:
                    <!-- <el-input placeholder="中标单位项目负责人身份证号" v-model="ztbqk.zbqk_zbdwxmfzrsfzh"></el-input> -->
                    <div class="el-input">
                        <input type="text" class="el-input__inner " v-nativeIdCard placeholder="中标单位项目负责人身份证号" v-model="ztbqk.zbqk_zbdwxmfzrsfzh" />
                    </div>
            </el-col>
            <el-col :span="12">
                    中标单位统一社会信用代码/注册号:<el-input placeholder="中标单位统一社会信用代码/注册号" v-model="ztbqk.zbqk_zbdwtyshxydm"></el-input>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                    项目技术负责人一姓名:<el-input placeholder="项目技术负责人一姓名" v-model="ztbqk.zbqk_zbxmjsfzr1_xm"></el-input>
            </el-col>
            <el-col :span="6">
                    项目技术负责人一身份证号:
                    <!-- <el-input placeholder="项目技术负责人一身份证号" v-model="ztbqk.zbqk_zbxmjsfzr1_sfzh"></el-input> -->
                    <div class="el-input">
                        <input type="text" class="el-input__inner " v-nativeIdCard placeholder="项目技术负责人一身份证号" v-model="ztbqk.zbqk_zbxmjsfzr1_sfzh" />
                    </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input placeholder="项目技术负责人一联系电话" v-elPhone v-model="ztbqk.zbqk_zbxmjsfzr1lxdh"></el-input> -->
                项目技术负责人一联系电话:
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativePhone placeholder="项目技术负责人一联系电话" v-model="ztbqk.zbqk_zbxmjsfzr1_lxdh" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                    项目技术负责人二姓名:<el-input placeholder="项目技术负责人二姓名" v-model="ztbqk.zbqk_zbxmjsfzr2_xm"></el-input>
            </el-col>
            <el-col :span="6">
                    项目技术负责人二身份证号:
                    <!-- <el-input placeholder="项目技术负责人二身份证号" v-model="ztbqk.zbqk_zbxmjsfzr2_sfzh"></el-input> -->
                    <div class="el-input">
                        <input type="text" class="el-input__inner " v-nativeIdCard placeholder="项目技术负责人二身份证号" v-model="ztbqk.zbqk_zbxmjsfzr2_sfzh" />
                    </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input placeholder="项目技术负责人一联系电话" v-elPhone v-model="ztbqk.zbqk_zbxmjsfzr2lxdh"></el-input> -->
                项目技术负责人二联系电话:
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativePhone placeholder="项目技术负责人二联系电话" v-model="ztbqk.zbqk_zbxmjsfzr2_lxdh" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                项目技术负责人三姓名:
                <el-input placeholder="项目技术负责人三姓名" v-model="ztbqk.zbqk_zbxmjsfzr3_xm"></el-input>
            </el-col>
            <el-col :span="6">
                项目技术负责人三身份证号:
                <!-- <el-input placeholder="项目技术负责人三身份证号" v-model="ztbqk.zbqk_zbxmjsfzr3_sfzh"></el-input> -->
                <div class="el-input">
                    <input type="text" class="el-input__inner " v-nativeIdCard placeholder="项目技术负责人三身份证号" v-model="ztbqk.zbqk_zbxmjsfzr3_sfzh" />
                </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input placeholder="项目技术负责人三联系电话" v-elPhone v-model="ztbqk.zbqk_zbxmjsfzr3lxdh"></el-input> -->
                项目技术负责人三联系电话:
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativePhone placeholder="项目技术负责人三联系电话" v-model="ztbqk.zbqk_zbxmjsfzr3_lxdh" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                    质量负责人姓名:
                <el-input placeholder="质量负责人姓名" v-model="ztbqk.zbqk_zbxmzlfzr_xm"></el-input>
            </el-col>
            <el-col :span="6">
                    质量负责人身份证号:
                <!-- <el-input placeholder="质量负责人身份证号" v-model="ztbqk.zbqk_zbxmzlfzr_sfzh"></el-input> -->
                <div class="el-input">
                    <input type="text" class="el-input__inner " v-nativeIdCard placeholder="质量负责人身份证号" v-model="ztbqk.zbqk_zbxmzlfzr_sfzh" />
                </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input placeholder="质量负责人联系电话" v-elPhone v-model="ztbqk.zbqk_zbxmzlfzrlxdh"></el-input> -->
                质量负责人联系电话:
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativePhone placeholder="质量负责人联系电话" v-model="ztbqk.zbqk_zbxmzlfzr_lxdh" />
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                <!-- <el-input placeholder="中标或委托单位调查人员数量" v-nativeInteger v-model="ztbqk.zbqk_zbhwtdwdcrysl"></el-input> -->
                中标或委托单位调查人员数量:
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativeInteger placeholder="中标或委托单位调查人员数量" v-model="ztbqk.zbqk_zbhwtdwdcrysl" />
                </div>
            </el-col>
            <el-col :span="6">
                <!-- <el-input placeholder="资金累计拨付情况（万元）" v-elNumber v-model="ztbqk.zbqk_zjljbfqk"></el-input> -->
                资金累计拨付情况(万元)
                <div class="el-input">
                    <input type="text" class="el-input__inner"  v-nativeNumber placeholder="资金累计拨付情况（万元）" v-model="ztbqk.zbqk_zjljbfqk" />
                </div>
            </el-col>
            <el-col :span="6">
                <fileUpload desc="作业人员名单" :uploadPath.sync="ztbqk.zbqk_zyrymd"></fileUpload>
            </el-col>
            <el-col :span="4">
                <el-button type="primary" @click="addZtbqk" size="small">新增或修改招投标情况</el-button>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="sjkjkrjqk">
        <template slot="title">#10 数据库建库软件情况</template>
        <el-row class="v-align">
          <el-col :span="8">
            <span class="demonstration">建库软件采购方式:</span>
            <el-radio-group v-model="deploymentData.sjkjk_jkrjcgfs" size="mini">
                <el-radio label="JZ">省集中采购</el-radio>
                <el-radio label="DF">地方自行采购 </el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
                数据库软件名称:<el-input placeholder="数据库软件名称" v-model="deploymentData.sjkjk_sjkrjmc"></el-input>
          </el-col>
          <el-col :span="8">
                软件开发单位:<el-input placeholder="软件开发单位"  v-model="deploymentData.sjkjk_rjkfdw"></el-input>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="zxcghsjdygyxqk">
        <template slot="title">#11 自行采购和收集的遥感影像情况</template>
        <el-row>
            <el-col :span="8">
                    城镇调查,请填写使用影像分辨率:<el-input class="large-input" placeholder="请填写使用影像分辨率" v-model="deploymentData.ygyx_chengzhendc"></el-input>
            </el-col>
            <el-col :span="8">
                    城镇覆盖面积百分比:<el-input placeholder="城镇覆盖面积百分比" v-model="deploymentData.ygyx_chengzhenfgmj"></el-input>
            </el-col>
            <el-col :span="8">
                    村庄调查,请填写使用影像分辨率<el-input class="large-input" placeholder="请填写使用影像分辨率" v-model="deploymentData.ygyx_cunzhuangdc"></el-input>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
                    村庄覆盖面积百分比:<el-input placeholder="村庄覆盖面积百分比" v-model="deploymentData.ygyx_cunzhuangfgmj"></el-input>
            </el-col>
            <el-col :span="8">
                    农村调查,请填写使用影像分辨率:<el-input class="large-input" placeholder="请填写使用影像分辨率" v-model="deploymentData.ygyx_ncdc"></el-input>
            </el-col>
            <el-col :span="8">
                    农村覆盖面积百分比:<el-input placeholder="农村覆盖面积百分比" v-model="deploymentData.ygyx_ncfgmj"></el-input>
            </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="cyfl">
        <template slot="title">#12 采用分类</template>
        <el-row class="v-align">
          <el-col :span="8">
            <span class="demonstration">分类:</span>
            <el-radio-group v-model="deploymentData.cyfl_fl" size="mini">
                <el-radio label="GZ">工作分类</el-radio>
                <el-radio label="GB">国标分类</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">地方细化分类:</span>
            <el-radio-group v-model="deploymentData.cyfl_dfxhfl" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
              <fileUpload desc="地方细化分类必须上传word文档说明" accept=".doc, .docx"  :uploadPath.sync="deploymentData.cyfl_fj"></fileUpload>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="dcjx">
        <template slot="title">#13 调查界线</template>
        <el-row class="v-align">
          <el-col :span="8">
            <span class="demonstration">是否调整:</span>
            <el-radio-group v-model="deploymentData.dcjx_sftz" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
            <label  class="attention"><i class="el-icon-paperclip"></i>如果有调整界线，必须上报并审核备案</label>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">是否上报:</span>
            <el-radio-group v-model="deploymentData.dcjx_sfsb" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="xjkzmj">
        <template slot="title">#14 县级控制面积</template>
        <el-row class="v-align">
          <el-col :span="8">
            <span class="demonstration">是否完成县级控制面积计算:</span>
            <el-radio-group v-model="deploymentData.xjkzmj_sfwc" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">是否上报:</span>
            <el-radio-group v-model="deploymentData.xjkzmj_sfsb" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="tkxs">
        <template slot="title">#15 田坎系数</template>
        <el-row class="v-align">
          <el-col :span="6">
            <span class="demonstration">是否重测:</span>
            <el-radio-group v-model="deploymentData.tkxs_sfcc" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
            <label class="attention"><i class="el-icon-paperclip"></i>如果有重测，必须上报并审核备案</label>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">测算方案是否上报备案:</span>
            <el-radio-group v-model="deploymentData.tkxs_ycfasfsbba" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">测算结果是否上报备案:</span>
            <el-radio-group v-model="deploymentData.tkxs_ycjgsfsbba" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="pdt">
        <template slot="title">#16 坡度图</template>
        <el-row class="v-align">
          <el-col :span="6">
            <span class="demonstration">是否重测:</span>
            <el-radio-group v-model="deploymentData.pdt_sfcc" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
            <label class="attention"><i class="el-icon-paperclip"></i>如果有重测，必须上报并审核备案</label>
          </el-col>
          <el-col :span="8">
            <span class="demonstration">是否上报备案:</span>
            <el-radio-group v-model="deploymentData.pdt_sfsbba" size="mini">
                <el-radio label="1">是</el-radio>
                <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-collapse-item>
      <el-collapse-item name="dcgztdsm">
        <template slot="title">#17 调查工作特点说明</template>
        <el-row class="v-align">
          <el-col :span="8">
              <fileUpload desc="作业人员名单" :uploadPath.sync="deploymentData.dcgztdsm_sm"></fileUpload>
          </el-col>
        </el-row>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import backTop from "@/components/common/BackTop";
import report from "../../apiUrl/reportApi";
import fileUpload from "../common/FileUploadReport";
import pca from '@/libs/pca-code'

export default {
  components: {
    backTop,
    fileUpload
  },
  data() {
    return {
      activeNames: [],
      deploymentData: { 
          status: 'BC',
          id: "",
          sdb: [],
          pxqk: [],
          zzkzqk: [],
          ztbqk: [],
          dcxggzzdjs: [],
          ldxz_cxfwmcjwh: '',
          ldxz_fwwj: ''
      },
      // #5 三调办表格
      sdb: {
          sdb_xzmc: '',
          sdb_fzrs: ''
      },
      // #6 调查相关制度
      dcxggzzdjs: {
        dcgzzd_mc: '',
        dcgzzd_fbsj: '',
        dcgzzd_wj: ''
      },
      // #7 培训情况表格
      pxqk: {
        pxqk_pxjb: '',
        pxqk_pxsj: '',
        pxqk_pxrs: '',
        pxqk_tgksrs: '',
        pxqk_tgksrymd: '',
      },
      // #8 组织开展情况
      zzkzqk: {
        zzkzqk_zzkzxs: '',
        zzkzqk_cddwmc: '',
        zzkzqk_cdnr: '',
      },
      // #9 招投标情况
      ztbqk: {
        zbqk_zbnrfl: [],
        zbqk_zbxmmc: '',
        zbqk_ysje: '',
        zbqk_zbje: '',
        zbqk_zbdwmc: '',
        zbqk_zyrymd: '',
      },
      category: {
      },
      cityId: '',
      areaId: '',
    };
  },
  methods: {
    handleChange(val) {
      console.log(val);
    },
    addSdbXz(){
        console.log("111",this.sdb)
        if(this.sdb.sdb_xzmc != "" && this.sdb.sdb_fzrs !=""){
            let isnew = true
            for (let index = 0; index < this.deploymentData.sdb.length; index++) {
                const el = this.deploymentData.sdb[index];
                console.log(el)
                if(el.sdb_xzmc === this.sdb.sdb_xzmc) {
                    this.$set(this.deploymentData.sdb, index, Object.assign({},this.sdb));
                    isnew = false
                    this.$message.warning('修改成功')
                    break
                }
            }
            if(isnew){
                this.deploymentData.sdb.push( Object.assign({},this.sdb))
                this.$message.success('新增成功')
            }
            this.sdb.sdb_xzmc = ""
            this.sdb.sdb_fzrs = ""
        }else {
            this.$message.error('添加失败,带"*"红色字体选项为必填选项,请完善!');
        }
    },
    handleSdbEdit(index, row){
        console.log(row)
        this.sdb = Object.assign({},row)
    },
    handleSdbDelete (index, row){
        for(var i in this.deploymentData.sdb){
            if(this.deploymentData.sdb[i].sdb_xzmc === row.sdb_xzmc){
                this.deploymentData.sdb.splice(i, 1);
                this.$message.success('删除成功');
                break;
            }
        }
        console.log("this.deploymentData.sdb",this.deploymentData.sdb)
    },
    addDcxggzzdjs() {
        if(this.dcxggzzdjs.dcgzzd_mc != "" && this.dcxggzzdjs.dcgzzd_fbsj != "" && this.dcxggzzdjs.dcgzzd_wj!=""){
            let isnew = true
            
            for (let index = 0; index < this.deploymentData.dcxggzzdjs.length; index++) {
                const el = this.deploymentData.dcxggzzdjs[index];
                if(el.dcgzzd_mc === this.dcxggzzdjs.dcgzzd_mc) {
                    this.$set(this.deploymentData.dcxggzzdjs, index, Object.assign({},this.dcxggzzdjs));
                    isnew = false
                    this.$message.warning('修改成功')
                    break
                }
            }
            if(isnew){
                this.deploymentData.dcxggzzdjs.push(Object.assign({},this.dcxggzzdjs))
                this.$message.success('新增成功')
            }
            this.dcxggzzdjs.dcgzzd_mc = "" 
            this.dcxggzzdjs.dcgzzd_fbsj = ""
            this.dcxggzzdjs.dcgzzd_wj = ""
        }else {
            this.$message.error('添加失败,带"*"红色字体选项为必填选项,请完善!');
        }
    },
    handleDcxggzzdjsEdit(index, row){
        this.dcxggzzdjs = Object.assign({},row)
    } ,
    handleDcxggzzdjsDelete(index, row) {
        for(var i in this.deploymentData.dcxggzzdjs){
            if(this.deploymentData.dcxggzzdjs[i].dcgzzd_mc === row.dcgzzd_mc){
                this.deploymentData.dcxggzzdjs.splice(i, 1);
                this.$message.success('删除成功');
                break;
            }
        }
    },
    addPxqk() {
        if(this.pxqk.pxqk_pxjb != "" && this.pxqk.pxqk_pxsj != ""
             && this.pxqk.pxqk_pxrs != "" && this.pxqk.pxqk_tgksrs != ""){
            let isnew = true
            
            for (let index = 0; index < this.deploymentData.pxqk.length; index++) {
                const el = this.deploymentData.pxqk[index];
                if(el.id === this.pxqk.id) {
                    this.$set(this.deploymentData.pxqk, index, Object.assign({},this.pxqk));
                    isnew = false
                    this.$message.warning('修改成功')
                    break
                }
            }
            if(isnew){
                this.pxqk.id = new Date().getTime()
                this.deploymentData.pxqk.push( Object.assign({},this.pxqk))
                this.$message.success('新增成功')
            }
            this.pxqk.id = ""
            this.pxqk.pxqk_pxjb = "" 
            this.pxqk.pxqk_pxsj = "" 
            this.pxqk.pxqk_pxrs = "" 
            this.pxqk.pxqk_tgksrs = ""
            this.pxqk.pxqk_tgksrymd = ""
        }else {
            this.$message.error('添加失败,带"*"红色字体选项为必填选项,请完善!');
        }
    },
    handlePxqkEdit(index, row){
        this.pxqk = Object.assign({},row)
    },
    handlePxqkDelete(index, row) {
        for(var i in this.deploymentData.pxqk){
            if(this.deploymentData.pxqk[i].pxqk_pxsj === row.pxqk_pxsj){
                this.deploymentData.pxqk.splice(i, 1);
                this.$message.success('删除成功');
                break;
            }
        }
    },
    addZzkzqk() {
        if(this.zzkzqk.zzkzqk_zzkzxs != "" && this.zzkzqk.zzkzqk_cddwmc != "" && this.zzkzqk.zzkzqk_cdnr != ""){
            let isnew = true
            for (let index = 0; index < this.deploymentData.zzkzqk.length; index++) {
                const el = this.deploymentData.zzkzqk[index];
                if(el.zzkzqk_cddwmc === this.zzkzqk.zzkzqk_cddwmc) {
                    this.$set(this.deploymentData.zzkzqk, index, Object.assign({},this.zzkzqk));
                    isnew = false
                    this.$message.warning('修改成功')
                    break
                }
            }
            if(isnew){
                this.deploymentData.zzkzqk.push( Object.assign({},this.zzkzqk))
                this.$message.success('新增成功')
            }
            this.zzkzqk.zzkzqk_zzkzxs = "" 
            this.zzkzqk.zzkzqk_cddwmc = "" 
            this.zzkzqk.zzkzqk_cdnr = "" 
        }else {
            this.$message.error('添加失败,带"*"红色字体选项为必填选项,请完善!');
        }
    },
    handleZzkzqkDelete(index, row) {
        for(var i in this.deploymentData.zzkzqk){
            if(this.deploymentData.zzkzqk[i].zzkzqk_cddwmc === row.zzkzqk_cddwmc){
                this.deploymentData.zzkzqk.splice(i, 1);
                this.$message.success('删除成功');
                break;
            }
        }
    },
    handleZzkzqkEdit(index, row){
        this.zzkzqk = Object.assign({},row)
    },
    addZtbqk() {
        console.log(this.ztbqk.zbqk_zbnrfl)
        if(this.ztbqk.zbqk_zbxmmc != "" && this.ztbqk.zbqk_ysje != "" 
            && this.ztbqk.zbqk_zbje != "" && this.ztbqk.zbqk_zbdwmc != "" ){
            let isnew = true
            for (let index = 0; index < this.deploymentData.ztbqk.length; index++) {
                const el = this.deploymentData.ztbqk[index];
                if(el.zbqk_zbxmmc === this.ztbqk.zbqk_zbxmmc) {
                    this.$set(this.deploymentData.ztbqk, index, Object.assign({},this.ztbqk));
                    isnew = false
                    this.$message.warning('修改成功')
                    break
                }
            }
            if(isnew){
                this.deploymentData.ztbqk.push( Object.assign({},this.ztbqk))
                this.$message.success('新增成功')
            }
            for(var key in this.ztbqk){
                this.ztbqk[key] = ''
        　　}
        }else {
            this.$message.error('添加失败,带"*"红色字体选项为必填选项,请完善!');
        }
    },
    handleZtbqkDelete(index, row) {
        for(var i in this.deploymentData.ztbqk){
            if(this.deploymentData.ztbqk[i].zbqk_zbxmmc === row.zbqk_zbxmmc){
                this.deploymentData.ztbqk.splice(i, 1);
                this.$message.success('删除成功');
                break;
            }
        }
    },
    handleZtbqkEdit(index, row){
        console.log(row.zbqk_zzkzxs)
        this.ztbqk = Object.assign({},row)
    },
    saveProgress() {
        console.log(this.deploymentData.ztbqk)
      report.saveDeploymentReport(this.deploymentData).then(rs => {
        if (rs.data.success) {
          this.deploymentData.id = rs.data.data;
          this.$alert("保存成功", "提示", {
            confirmButtonText: "确定",
            type: "success",
            callback: action => {}
          });
        }else {
            this.$alert(rs.data.message, "提示", {
                confirmButtonText: "确定",
                type: "warning",
                callback: action => {}
            });
        }
      });
    },
    submitProgress(){
        this.deploymentData.status = 'TJ'
        this.saveProgress()
    },
    setData(id) {
      report.getDeploymentReport(id ? {area_id: id} : null).then(rs => {
          if(rs.data.data){
              if(rs.data.data.id){
                  this.deploymentData = rs.data.data
              }
          }
      })
    }
  },
  mounted(){
    // 市限
    this.cityId = Object.keys(this.city)[0]
    this.$nextTick(() => {
      this.areaId = this.$store.getters.userType === 4 ? this.$store.getters.areaId : Object.keys(this.area)[0]
      this.setData(this.areaId)
    })
  },
  computed: {
    city() {
      let type = this.$store.getters.userType
      if (type === 1) {
        return pca[610000]
      } else {
        return []
      }
      
    },
    area() {
      let type = this.$store.getters.userType
      if (type === 1) {
        this.areaId = ''
        return this.cityId ? pca[this.cityId] : {}
      } else {
        return pca[this.$store.getters.cityId]
      }
    },
  }
};
</script>

<style>
.tudou-input-suffix {
  margin-bottom: 15px;
}
.whole-process-container .el-input {
  width: 180px;
}
.ztbqk .el-input {
  width: 200px;
}
.ztbqk .money {
  width: 140px;
}
.whole-process-container .large-input {
    width: 240px;
}
</style>
